<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<!--[endif]-->
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
    <meta charset="UTF-8">
    <title>惠来仙庵数字乡村综合信息服务平台-后台管理系统</title>
<!--    &lt;!&ndash; 引入bootstrap样式 &ndash;&gt;-->
<!--    <link th:href="@{/bootstrap/css/bootstrap.css}" rel="stylesheet" type="text/css">-->
<!--    &lt;!&ndash;图标库&ndash;&gt;-->
<!--    <link th:href="@{/lyear/css/materialdesignicons.min.css}" rel="stylesheet" type="text/css"/>-->
<!--    &lt;!&ndash;    <link th:href="@{/lyear/css/font/iconfont.css}" rel="stylesheet" type="text/css"/>&ndash;&gt;-->
<!--    <link  th:href="@{/lyear/css/font2/iconfont.css}" rel="stylesheet" type="text/css"/>-->
<!--    &lt;!&ndash;弹出框样式&ndash;&gt;-->
<!--    <link th:href="@{/lyear/jconfirm/jquery-confirm.min.css}" rel="stylesheet" type="text/css"/>-->
<!--    &lt;!&ndash;自定义样式&ndash;&gt;-->
<!--    <link href="../lyear/css/style.min.css" th:href="@{/lyear/css/style.min.css}" rel="stylesheet" type="text/css"/>-->

</head>
<body>
<!--头部信息-->
<header class="lyear-layout-header" id="topbarheader">
    <nav class="navbar navbar-default">
        <div class="topbar">

            <div class="topbar-left">
                <div class="lyear-aside-toggler">
                    <span class="lyear-toggler-bar"></span> <span
                        class="lyear-toggler-bar"></span> <span class="lyear-toggler-bar"></span>
                </div>
                <!--/*@thymesVar id="pageTopBarInfo" type="java.lang.String"*/-->
                <span class="navbar-page-title" th:text="${pageTopBarInfo}"></span>
            </div>

            <ul class="topbar-right">
                <!--个人信息-->
                <li class="dropdown dropdown-profile" style="margin-right: 20px">
                    <ul data-toggle="dropdown">
                        <img id="img" class="img-avatar img-avatar-48 m-r-10" src="./images/logo.jpg"
                             th:src="@{/images/logo.jpg}"/>
                        <a id="sysUsername" th:href="@{/}"></a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a th:href="@{/system/logout}">退出</a>

                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</header>
<!--End 头部信息-->
<!--左侧导航-->
<aside class="lyear-layout-sidebar" id="leftbaraside">
    <div id="logo" class="sidebar-header">
        <a class="navbar-brand" style="font-size: 20px"
           th:href="@{/admin/index.html}">后台管理系统</a>
    </div>
    <div class="lyear-layout-sidebar-scroll">
        <nav class="sidebar-main">
            <ul class="nav nav-drawer">
                <li class="nav-item nav-item-has-subnav" th:class="${activeUrl1=='indexActive'?'nav-item nav-item-has-subnav active open':'nav-item nav-item-has-subnav'}">
                    <a href="javascript:void(0)">
                        <i class="iconfont icon-home"></i>
                        管理员中心</a>
                    <ul class="nav nav-subnav">
                        <li th:class="${activeUrl2=='indexActive'?'active':''}">
                            <a th:href="@{/system/myInformation}">我的消息</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-item nav-item-has-subnav" th:class="${activeUrl1=='userInfoActive'?'nav-item nav-item-has-subnav active open':'nav-item nav-item-has-subnav'}">
                    <a href="javascript:void(0)">
                        <i class="iconfont icon-user"></i>
                        用户信息管理</a>
                    <ul class="nav nav-subnav">
                        <li th:class="${activeUrl2=='userInfoActive'?'active':''}">
                            <a th:href="@{/system/user/toUserinfoListUI}">用户信息</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-item nav-item-has-subnav" th:class="${activeUrl1=='partyActive'?'nav-item nav-item-has-subnav active open':'nav-item nav-item-has-subnav'}">
                    <a href="javascript:void(0)"><i class="iconfont icon-explain"></i>智慧党建管理</a>
                    <ul class="nav nav-subnav">
                        <li th:class="${activeUrl2=='partyCommitteeActive'?'active':''}"><a
                                th:href="@{/system/party/toPartyCommitteeListUI}">党务管理</a></li>
                        <li th:class="${activeUrl2=='partyActivitiesActive'?'active':''}"><a
                                th:href="@{/system/party/toPartyActivitiesListUI}">党建活动</a></li>
                    </ul>
                </li>
                <li class="nav-item nav-item-has-subnav" th:class="${activeUrl1=='villageActive'?'nav-item nav-item-has-subnav active open':'nav-item nav-item-has-subnav'}">
                    <a href="javascript:void(0)"><i class="iconfont icon-file-common"></i>乡务公开管理</a>
                    <ul class="nav nav-subnav">
                        <li th:class="${activeUrl2=='villageFeedbackActive'?'active':''}"><a
                                th:href="@{/system/village/toVillageFeedbackListUI}">民事直说</a></li>
                        <li th:class="${activeUrl2=='villageCommitteeActive'?'active':''}"><a
                                th:href="@{/system/village/toVillageCommitteeListUI}">乡委管理</a></li>
                        <li th:class="${activeUrl2=='villageActivitiesActive'?'active':''}"><a
                                th:href="@{/system/village/toVillageActivitiesListUI}">乡务管理</a></li>
                    </ul>
                </li>
                <li class="nav-item nav-item-has-subnav" th:class="${activeUrl1=='informationActive'?'nav-item nav-item-has-subnav active open':'nav-item nav-item-has-subnav'}"
                ><a href="javascript:void(0)"><i class="iconfont icon-layers"></i>便民信息管理</a>
                    <ul class="nav nav-subnav">
                        <li th:class="${activeUrl2=='recruitmentActive'?'active':''}"><a
                                th:href="@{/system/information/toRecruitmentListUI}">招工就业</a></li>
                        <li th:class="${activeUrl2=='houseActive'?'active':''}"><a
                                th:href="@{/admin/loan/toLoaninfo.html}">房屋租赁</a></li>
                    </ul>
                </li>
                <li class="nav-item nav-item-has-subnav" th:class="${activeUrl1=='attractionsActive'?'nav-item nav-item-has-subnav active open':'nav-item nav-item-has-subnav'}"
                ><a href="javascript:void(0)"><i class="iconfont icon-modular"></i>仙庵城事管理</a>
                    <ul class="nav nav-subnav">
                        <li th:class="${activeUrl2=='buildingActive'?'active':''}"><a
                                th:href="@{/system/attractions/toBuildingListUI}">乡镇建筑</a></li>
                        <li th:class="${activeUrl2=='waterscapeActive'?'active':''}"><a
                                th:href="@{/system/attractions/toWaterscapeListUI}">海景</a></li>
                        <li th:class="${activeUrl2=='foodActive'?'active':''}"><a
                                th:href="@{/system/attractions/toFoodListUI}">美食</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
    </div>
</aside>
<!--End 左侧导航-->

<!--预留填充模块-->
<div layout:fragment="content">

</div>
<script th:src="@{/js/jquery_min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/wow.min.js}"></script>
<script th:src="@{/js/custom.js}"></script>
<script th:src="@{/plugins/slider-pro/js/jquery.sliderPro.min.js}"></script>
<script th:src="@{/plugins/owlcarousel/js/owl.carousel.min.js}"></script>
<script th:src="@{/layer/layer.js}"></script>

<!-- 引入jQuery和bootstrap的js -->
<!--<script th:src="@{/js2/jquery.js}"></script>-->
<!--<script th:src="@{/bootstrap/js/bootstrap.js}"></script>-->
<!--滚动条插件-->
<!--<script th:src="@{/lyear/js/perfect-scrollbar.min.js}"></script>-->
<!--自定义js脚本-->
<!--<script th:src="@{/lyear/js/main.min.js}"></script>-->

<!--js code-->
<script th:inline="javascript" type="text/javascript">
    window.onload = function() {
        var sysUsername = getCookie('sysUsername');
        console.log(sysUsername);
        // console.log(document.cookie);
        if (sysUsername !== '' && sysUsername) {
            console.log("111111111");
            $("#sysUsername").text(sysUsername);
        } else {
            console.log("2222222222");
            console.log('隐藏后面登出');
        }
    }
    function getCookie(key) {
        var arr1 = document.cookie.split("; ");//由于cookie是通过一个分号+空格的形式串联起来的，所以这里需要先按分号空格截断,变成[name=Jack,pwd=123456,age=22]数组类型；
        for (var i = 0; i < arr1.length; i++) {
            var arr2 = arr1[i].split("=");//通过=截断，把name=Jack截断成[name,Jack]数组；
            if (arr2[0] == key) {
                return decodeURI(arr2[1]);
            }
        }
    }

</script>
<!--END填充sysUsername-->
</body>
</html>